@import './base.css';

:root {
  /* 自然保护区主题颜色 */
  --color-primary: #2e7d32;
  --color-primary-light: #4caf50;
  --color-primary-dark: #1b5e20;
  --color-secondary: #ffc107;
  --color-secondary-light: #ffeb3b;
  --color-secondary-dark: #ff8f00;
  --color-success: #4caf50;
  --color-warning: #ff9800;
  --color-danger: #f44336;
  --color-info: #2196f3;
  --color-background: #f5f5f5;
  --color-text: #333333;
  --color-text-light: #666666;
}

#app {
  width: 100%;
  height: 100%;
  font-weight: normal;
}

a {
  text-decoration: none;
  color: var(--color-primary);
  transition: 0.3s;
}

a:hover {
  color: var(--color-primary-light);
}

/* 自定义 Element Plus 主题 */
.el-button--primary {
  --el-button-bg-color: var(--color-primary);
  --el-button-border-color: var(--color-primary);
  --el-button-hover-bg-color: var(--color-primary-light);
  --el-button-hover-border-color: var(--color-primary-light);
  --el-button-active-bg-color: var(--color-primary-dark);
  --el-button-active-border-color: var(--color-primary-dark);
}

.el-button--success {
  --el-button-bg-color: var(--color-success);
  --el-button-border-color: var(--color-success);
}

.el-button--warning {
  --el-button-bg-color: var(--color-warning);
  --el-button-border-color: var(--color-warning);
}

.el-button--danger {
  --el-button-bg-color: var(--color-danger);
  --el-button-border-color: var(--color-danger);
}

.el-button--info {
  --el-button-bg-color: var(--color-info);
  --el-button-border-color: var(--color-info);
}
